body	{ margin:0px; font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#777777; }
* html 	{ margin:0; padding:0; }

a		{ color:#56bceb; text-decoration:none; outline:none; -moz-outline-style:none; }
a:hover	{ color:#0579ae; text-decoration: underline; }


/* ################################################
			BUTTON
################################################### */

a.button 			{ background:transparent url(../images/button.gif) right -32px scroll no-repeat; display:inline-block; height:32px; 
						margin:0 5px 0 0px; padding:0 20px 0 0; text-transform:uppercase; color:#ccc; font-size:10px;}
a.button span 		{ background:transparent url(../images/button.gif) -2px -32px scroll no-repeat; display:block; line-height:10px; padding:10px 0 11px 15px;}
a.button:hover 		{ background-position: right 0; color:#fff;}
a.button:hover span { background-position:-2px 0;}


/* ################################################
			HEADINGS
################################################### */

h1, h2, h3, h4, h5, h6 { 
    color: #000000;
}

/* ################################################
			LAYOUT
################################################### */

#mainpage		 { background:url(../images/rainbow/mainpage_bg.jpg) 0 0 repeat-x;  } 
#subpage		 { background:url(../images/rainbow/subpage.jpg) repeat-x; }
#subpageNoHeader { background:url(../images/rainbow/subpage.jpg) repeat-x 0 -160px transparent; }
#main			 { width:960px; background:url(../images/main.png) center top no-repeat; margin:32px auto; overflow:hidden; height:100%; padding:0; }


/* ################################################
			TOPBAR
################################################### */

#topbar					{ height:45px; font-size:10px; color:#CCCCCC; }
#topbar a				{ color:#dadada;}
#topbar a:hover			{ color:#fff; text-decoration:underline;}

.clientlogin p			{ margin-top:10px; margin-right:20px; text-align:right; color:#fff;}

/* ################################################
			MAIN MENU
################################################### */

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000;}
.sf-menu li 			{}
.sf-menu li li 			{ background:#efefef; border-bottom:1px solid #ccc; border-top:1px solid #fff;}
.sf-menu li li li 		{ background:#efefef; }
.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active 		{ color:#000; outline:0;}

.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active { color:#000; background:#fff; outline:0;}

.sf-menu li ul 			{ 	}
.sf-menu li.current a	{ color:#000; }

/* ################################################
			SLIDER BULLETS
################################################### */

.nivo-prevNav { background:url(../images/arrows.png) 0 0 no-repeat; }
.nivo-nextNav { background:url(../images/arrows.png) -34px 0 no-repeat; }
.nivo-controlNav a { background:url(../images/bullets.png) no-repeat; }

/* ################################################
			SUB HEADER
################################################### */

.subheader_left h1		{ color:#fff; font-size:30px; font-weight:bold; margin-top:25px;}
.subheader_right p		{ color:#fff; margin:30px 10px 0 0; font-size:14px;	}
											

/* ################################################
			SIDEBAR MENU
################################################### */

ul.subnav li a 				{ background:url(../images/menu_normal.png) top left no-repeat; height:43px; padding:0 0 0 20px; color:#000; margin:0; line-height:38px; text-decoration:none;	}
ul.subnav li li a 			{ display:block; margin:0; color:#000; height:43px; text-decoration:none;}

ul.subnav li a:link, 
ul.subnav li a:visited 		{ display:block; height:43px; text-decoration:none; } /* Height of the image you use as a background*/

ul.subnav li li a:link, 
ul.subnav li li a:visited 	{ display:block; height:43px; text-decoration:none; } /* Height of the image you use as a background*/

#sidebar ul.subnav li.current a { background:url(../images/menubg.png) top left no-repeat; display:block; height:43px; text-decoration:none; }
#sidebar ul.subnav li a:hover 	{ background:url(../images/menubg.png) top left no-repeat; display:block; height:43px; text-decoration:none; }
	
#sidebar_right ul.subnav li.current a { background:url(../images/menubg_right.png) top left no-repeat; display:block; height:43px; text-decoration:none; }
#sidebar_right ul.subnav li a:hover 	{ background:url(../images/menubg_right.png) top left no-repeat; display:block; height:43px; text-decoration:none; }



/* ################################################
	CONTENT BOX AND FEATURED BOXES
################################################### */

.feature-box2 h3 a, 
.feature-box h3 a	{ margin:0 0 5px 0; color:#000000;	}		


.abouticon 			{ background:url(../images/abouticon.png) 0px 10px no-repeat;}
.serviceicon 		{ background:url(../images/serviceicon.png) 0px 10px no-repeat;}
.freelanceicon 		{ background:url(../images/freelanceicon.png) 0px 10px no-repeat;}
.blogicon 			{ background:url(../images/blogicon.png) 0px 10px no-repeat;}		



/* ################################################
	GALLERY PAGE	
################################################### */

.gallery_box h2 a:hover { color:#009900;}


/* ################################################
		PORTFOLIO PAGE
################################################### */

.portimg a:hover	{}


/* ################################################
			BLOG POST
################################################### */

.post h2 a:hover	{ }

				
/* ################################################
			BLOG POST AUTHOR BOX
################################################### */

.authorbox 			{ background:#eee; border:1px solid #dadada; padding:15px; margin:10px 0;}						 


/* ################################################
	GENERIC		
################################################### */

blockquote {
	font-style: italic;
	font:italic normal 16px/20px Georgia, Arial, Sans-serif;
	width: auto;
	padding: 20px;
	margin: 15px 0;
	background: #fff;
	border-left: 3px solid #e6e6e6;
}


/* ################################################
	TABLES	
################################################### */

table.customtable {
	border: none;
	border-collapse: collapse;
	margin: 10px 0;
	}

table.customtable td,th {
	border-bottom: 1px solid #cacaca;
	border-collapse: collapse;
	color: #fff;
	padding: 10px 15px;
	}

table.customtable tbody td {
	border: 1px solid #cacaca;
	border-collapse: collapse;
	color: #4c4c4c;
	}

table.customtable th {
	background: url(../images/table-head-mid.gif) repeat-x 0 0;
	padding-left: 20px;
	text-align: left;
	color:#FFFFFF;
	}

table.customtable th.lefthead {
	background: url(../images/table-head-left.gif) no-repeat 0 0;
	padding-left: 20px;
	text-align: left;
	}

table.customtable th.righthead {
	background: url(../images/table-head-right.gif) no-repeat right top;
	text-align: left;
	}

table.customtable table a {
	text-decoration: none;
	}

table.customtable tbody tr:hover {
	background: #f5f5f5;
	}


/* ################################################
	FIELDSET	
################################################### */


fieldset	{
	padding:15px;
	border:1px solid #ddd;
	}

fieldset legend	{
	font-weight:bold;
	padding:3px 10px;
	background:#fff;
	border:1px solid #ddd;
	}


/* ################################################
	CONTACT FORM	
################################################### */

#form { padding: 15px 0; }

		#form label {
			font-size: 1.2em;
			width: 100px;
			display: inline-block;
			margin-right: 0px;
			margin-bottom: 15px;
			}		

		#form .input {
			background:#e7ecf2;		
			border: 1px inset #ccc;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 360px;
			}

		#form select {
			background:#e7ecf2;			
			width: 375px;			
			font: 1.2em Tahoma;
			border: 1px inset #ccc;
			padding: 5px 6px;
			margin-bottom: 15px;
			}

		#form textarea {
			border: 1px inset #ccc;
			vertical-align: top;
			width: 305px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 160px;
			}
		
		#form .indent {
			padding-left: 145px;
			padding-top: 15px;
			}
			

/* ################################################
	FOLLOW US BOOKMARK FOOTER	
################################################### */

.follow 		{ background:#e7ecf2; height:40px; width: 100%; border-top:1px solid #CCCCCC;}
.follow h5 img 	{ vertical-align:middle;}
.followus 		{ Width:940px; margin:0 auto; padding-top:10px; padding-left:20px;}
.followus img	{ padding-left:10px;}


/* ################################################
	FOOTER	
################################################### */

#footer_wrap		{ width:100%; overflow:auto; height:100%; padding:20px 0; background:#121212 url(../images/rainbow/footer_bg.jpg) top center no-repeat; border-bottom:1px solid #222;	}
#footer				{ width:940px; margin:0 auto; position:relative;}
#footer p			{ margin:0;}
#footer a:hover 	{ color:#56bceb; text-decoration:underline;}

.footerlistbox		{ width:290px; float:left; padding:10px; margin-top:15px; z-index:200; position:relative;}
.footerlistbox h4	{ margin-top:10px; color:#FFFFFF; text-transform:uppercase;}	
.footerlistbox ul li { margin-left:0px; list-style-type:circle; list-style-position:inside; }

.f_img 				{ background:url(../images/quick_icon.png) bottom left scroll no-repeat; position:absolute; top:-20px; left:710px; display:block; width:192px; height:227px; z-index:1; opacity: 0.8; }
		
.quick 				{ color:#FFFFFF; padding-right:0;}



/* ################################################
COPYRIGHT 	
################################################### */
	
#copyright				{ width:100%; background:#000000; height:50px;}
#copyright .content		{ width:940px; margin:0 auto;}

.footer-logo			{ float:left; vertical-align:middle; margin-top:10px; margin-left:10px;}

.copyrighttext 			{ float:right; text-align:right; }
.copyrighttext p		{ font-size:9px; margin:0;}
.copyrighttext a		{ color:#dadada;}
.copyrighttext a:hover	{ color:#fff;  text-decoration:underline;}



/* ################################################
LOGIN POPUP FORM	
################################################### */

#loginform 				{ width: 100%; text-align: center; padding: 10px 0 10px 0;}
#loginform 				{ width: 300px; text-align: left; margin: 0 auto; }
#loginform label		{ font:normal 11px/30px Tahoma, Arial, Helvetica, sans-serif; color: #000; text-align:right; float: left; width: 80px; padding: 0;}
#loginform input 		{ width: 180px; float: right; background: #f0f0f0 url('../images/bg-input.gif') top left repeat-x;  border:1px solid #ccc; margin: 0 0 10px 0; padding:8px !important; }
#loginform p 			{ padding: 0; }
#loginform p .button	{ width: auto;	margin:0 auto; margin-top: 20px;}
